<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="css/css.css" rel="stylesheet">

<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>

<!-- <body style="background-color:#4F94CD"> -->
<body style="background-color:#FFFFFF">
    <div class="container" style="width:1200px;margin:0 auto; ">
        <div class="row">
            <div class="col-md-12" ><h1 class="mainTitle" >丹东站信息查询平台</h1></div>
        </div>
        <div class="row">
            <div class="col-md-1 code1" id="code1_popup"></div>
            <div class="col-md-2 text-center lxxzDiv">
                <span class="glyphicon glyphicon-tags subTitleDiv200"></span>
                <span class="subTitleText">旅行需知</span>
            </div>
            <div class="col-md-6 timeNowDiv">
                <h2 id="timeNow"></h2>
            </div>
            <div class="col-md-2 text-center pmtDiv">
                <span class="glyphicon glyphicon-map-marker subTitleDiv200"></span>
                <span class="subTitleText">平面图</span>
            </div>
            <div class="col-md-1 code2" id="code2_popup"></div>
        </div>
        <div class="row">
            <div class="col-md-3 picLeftPollingDiv">
                <div id="picLeftDiv" class="picLeft">
                    <div class="hd">
                        <ul>
                            <li><img src="img/dd1.jpg" /></li>
                            <li><img src="img/dd2.jpg" /></li>
                            <li><img src="img/dd3.jpg" /></li>
                            <li><img src="img/dd4.jpeg" /></li>
                        </ul>
                    </div>
                    <div class="bd">
                        <ul>
                            <li>
                                <div class="pic"><a href=""><img src="img/dd1.jpg" /></a></div>
                            </li>
                            <li>
                                <div class="pic"><a href=""><img src="img/dd2.jpg" /></a></div>
                            </li>
                            <li>
                                <div class="pic"><a href=""><img src="img/dd3.jpg" /></a></div>
                            </li>
                            <li>
                                <div class="pic"><a href=""><img src="img/dd4.jpeg" /></a></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <a href="https://kyfw.12306.cn/otn/queryTrainInfo/init" target="_blank" >
                <div class="col-md-1 text-center lcskbDiv">
                    <span class="glyphicon glyphicon-time iconSpan"></span>
                    <span class="iconSpanText">列车时刻表</span>
                </div>
            </a>
            <div class="col-md-4 centerLogo"></div>
            <a href="https://kyfw.12306.cn/otn/queryTrainInfo/init" target="_blank" >
                <div class="col-md-1 text-center cccxDiv">
                    <span class="glyphicon glyphicon-th-list iconSpan"></span>
                    <span class="iconSpanText">车次查询</span>
                </div>
            </a>
            <div class="col-md-3 picRightPollingDiv">
                <div id="picRightDiv" class="picRight">
                        <div class="hd">
                            <ul>
                                <li><img src="img/dd9.jpg" /></li>
                                <li><img src="img/dd6.jpg" /></li>
                                <li><img src="img/dd7.jpg" /></li>
                                <li><img src="img/dd8.jpg" /></li>
                            </ul>
                        </div>
                        <div class="bd">
                            <ul>
                                <li>
                                    <div class="pic"><a href=""><img src="img/dd9.jpg" /></a></div>
                                </li>
                                <li>
                                    <div class="pic"><a href=""><img src="img/dd6.jpg" /></a></div>
                                </li>
                                <li>
                                    <div class="pic"><a href=""><img src="img/dd7.jpg" /></a></div>
                                </li>
                                <li>
                                    <div class="pic"><a href=""><img src="img/dd8.jpg" /></a></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 图片自动轮播js启用 -->
            <script type="text/javascript">
                jQuery("#picLeftDiv").slide({ mainCell:".bd ul",effect:"top",autoPlay:true,triggerTime:0 });
                jQuery("#picRightDiv").slide({ mainCell:".bd ul",effect:"top",autoPlay:true,triggerTime:0 });
            </script>
        <div class="row">
            <div class="col-md-2 text-center swzlDiv">
                <span class="glyphicon glyphicon-question-sign subTitleDiv200"></span>
                <span class="subTitleText">失物招领</span>
            </div>
            <div class="col-md-2 text-center znggDiv">
                <span class="glyphicon glyphicon-info-sign subTitleDiv200"></span>
                <span class="subTitleText">站内公告</span>
            </div>
            <div class="col-md-4 bottomPicDiv"></div>
            <div class="col-md-3 text-center wxtsDiv">
                <span class="glyphicon glyphicon-heart subTitleDiv300"></span>
                <span class="subTitleText">温馨提示</span>
            </div>
            <div id="code3_popup" class="col-md-1 code3"></div>
        </div>
    </div>

    <!--微信modal层 -->
    <div class="modal fade" id="code1_code" tabindex="-1" role="dialog" aria-labelledby="information">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                    </button>
                    <h4 class="modal-title">欢迎关注丹东站信息服务平台-微信</h4>
                </div>
                <div class="modal-body" style="text-align: center">
                    <!-- <p id="message"></p> -->
                    <img src="img/12306.png">
                </div>
            </div>
        </div>
    </div>
    <!--12306 modal层 -->
    <div class="modal fade" id="code2_code" tabindex="-1" role="dialog" aria-labelledby="information">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                    </button>
                    <h4 class="modal-title">欢迎关注丹东站信息服务平台-12306</h4>
                </div>
                <div class="modal-body" style="text-align: center">
                    <!-- <p id="message"></p> -->
                    <img src="img/12306.png">
                </div>
            </div>
        </div>
    </div>
    <!--微博modal层 -->
    <div class="modal fade" id="code3_code" tabindex="-1" role="dialog" aria-labelledby="information">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                    </button>
                    <h4 class="modal-title">欢迎关注丹东站信息服务平台-微博</h4>
                </div>
                <div class="modal-body" style="text-align: center">
                    <!-- <p id="message"></p> -->
                    <img src="img/12306.png">
                </div>
            </div>
        </div>
    </div>

    <!--加载实时刷新当前时间js方法 -->
    <script src="js/indexjs.js"></script>

</body>
</html>